@import '../../assets/css/reset.css';
@import'../../assets/css/common.css';
@import '../../assets/css/property.css';
@import'../../assets/js/swiper/swiper-bundle.min.css';
/* 头 */
.head{
    position: absolute;
    z-index: 10;
}

.swiper {
    height: 680px;
    width: 100%;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.fuwu{
    width: 1080px;
    height: 628px;
    background:#fff;
    text-align: center;
    padding: 80px 0;
    box-sizing: border-box;
    h3{
        font-size: 40px;
        color: #181818;
    }
    .hson-p{
        color: #666666;
        margin: 20px 0;
    }
    .tansuo{
        margin-bottom: 30px;
        a{
            color: blue;
        }
    }
    ul{
        width: 100%;
        justify-content: space-around;
    }
    li{
        width: 240px;
        height: 280px;
        background: #fff;
        box-shadow: 2px 4px 8px 0px rgba(18, 113, 339, 1);
    }
    .nav-p1{
        font-size: 22px;
        text-align: left;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .nav-p2{
        font-size: 12px;
        text-align: left;
        padding: 15px 20px;
        box-sizing: border-box;
    }
    .nav-p3{
        font-size: 12px;
        text-align: left;
        padding: 5px 20px 15px 20px;
        box-sizing: border-box;
        color: blue;
    }
}

.aip{
    width: 100%;
    height: 642px;
    background: url(../../assets/imgs/more-api-bg.svg) no-repeat #f8f9fb;
    text-align: center;
    padding: 80px 0;
    box-sizing: border-box;
    .aip-bot{
        color: #000;
        a{
            color: #1271ef;
        }
    }
    h3{
        font-size: 40px;
        color: #181818;
    }
    .hson-p{
        color: #666666;
        margin: 20px 0;
    }
    .tansuo{
        margin-bottom: 30px;
        a{
            color: blue;
        }
    }

}
.ul-fa{
    height: 341px;
   
    flex-wrap: wrap;
    li{
        width: 224px;
        height: 138px;
        background:#f8f9fb;
        box-shadow: 2px 4px 8px 0px rgba(18, 113, 339, 1);
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;

     a{
        width: 224px;
        height: 138px;
       padding-top: 40px;
       box-sizing: border-box;
     
     }
     p{
         font-size: 16px;
         color: #181818;
         margin-top: 10px;
     }
    }
}

.master{
    background: #fff;
    margin-bottom: 220px;
  .master-bg{
      width: 100%;
      height: 605px;
      background: url(../../assets/imgs/master-left-bg.svg) no-repeat;
      justify-content: flex-end;
      position: relative;
      ul{
          width: 507px;
          height: 546px;
          position: absolute;
          top:50px;
          right: 0;
          li{
              width: 507px;
              height: 81px;
              margin-bottom: 10px;
              background: #FBFBFD;
             position: relative;
            .p1{
                position: absolute;
                left: 24px;
                top: 18px;
                font-size: 18px;
                img{
                    margin-right: 10px;
                    margin-bottom: 5px;
                }
            }
            .p2{
                position: absolute;
                left: 24px;
                top: 45px;
                font-size: 12px;
            }
            span{
                width: 4px;
                height: 24px;
                background: #1271ef;
                position: absolute;
                left: 0;
                top:28px;
            }
          }
      }
  }
}

.bighead{
    width: 100%;
    height: 550px;
    text-align: center;
.swiper2{
    height: 400px;
    width: 100%;
}


    h3{
        height: 60px;
        font-size: 40px;
        color: #181818;
    }
    p{
        height: 32px;
        margin-bottom: 100px;
      a{
        color: #1271ef;
      }
    }
    .bgcolor{
        width: 100%;
        height: 270px;
        background: #f8f9fb;

        .wrap{
            background: #f8f9fb;
        }
        .leftbig{
            margin-right: 50px;
            width: 580px;
            height: 290px;
            margin-top: -20px;
        }
        .right-box{
            width: 550px;
            height: 270px;

        }
        .rightsmall{
            width: 55px;
            height: 40px;
            display: block !important;
            margin-left: 0px !important;
            // margin-top: -20px !important;

        }
        .p1-text{
            margin-top: 30px;
            line-height: 20px;
            text-align: left;

        }
        .p2-text{
            margin-top:150px;
            justify-content: flex-end;
            font-size: 12px !important;

            span{ 
                    width: 20PX;
                    height: 3px;
                    background: #1271ef;
                    margin-top: 8px;
                    margin-right: 8px;
            }
        }
    }
}


.safe{
    width: 100%;
    height: 343px;
    background: #fff;
    margin-bottom: 100px;
    margin-top: -50px;
    ul{
        width: 100%;
        height: 122px;
        display: flex;

        li{
            width: 200px;
            height: 142px;
            position: relative;
            box-sizing: border-box;
            p{
                width: 200px;
                height: 50px;
                line-height: 50px;
                position: absolute;
                bottom: 0px;
            }
        }
        .img-png{
            padding-top: 15px;
        }
    }
}
.free{
    width: 100%;
    height: 241px;  
    background: url(../../assets/imgs/login-register-bg.svg) no-repeat #1271ef;
    border-bottom: 1px solid #efefef;
    text-align: center;
    color: #fff;
    div{
        width: 100%;
        height: 42px;
        font-size: 32px;
        padding-top: 65px;
        margin-bottom: 30px;
    }
    p{
        width: 130px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        border: 1px solid #fff;
       margin: 0 auto;
        a{
            display: block;
            width: 130px;
            height: 42px;
            color: #fff;
          
        }
    }
}
// .btn-foot {
//     width: 50px;
//     height: 50px;
//     border-radius: 50%;
//     // border: solid 1px #000;
//    background:  url(../../assets/imgs/returntopicon.jpg) no-repeat;
//    background-position: -43px -83px;
//     position:fixed;
//     bottom: 20px;
//     right: 5px;
// }
/* 回到顶部 */
.totop{
    // width: 50px;
    // height: 50px;
    // border-radius: 50%;
    // background: #1271ef;
    position: fixed;
    bottom: 30px;
    left:50%;
    margin-left: 640px;
    line-height: 50px;
    text-align: center;
    font-size: 60PX !important;
}